<!DOCTYPE html>
<html>

	<head>
		<meta charset="UTF-8">
		<title>详情页</title>
		<link rel="stylesheet" href="css/bootstrap.min.css">
		<!-- This core.css file contents all plugings css file. -->
		<link rel="stylesheet" href="css/core.css">
		<!-- Theme shortcodes/elements style -->
		<link rel="stylesheet" href="css/shortcode/shortcodes.css">
		<!-- Theme main style -->
		<link rel="stylesheet" href="css/style.css">
		<!-- Responsive css -->
		<link rel="stylesheet" href="css/responsive.css">
		<!-- User style -->
		<link rel="stylesheet" href="css/custom.css">
		<link rel="stylesheet" type="text/css" href="css/public.css" />
		<link rel="stylesheet" type="text/css" href="css/proList.css" />
		<link rel="stylesheet" type="text/css" href="css/mygxin.css" />

		<link rel="stylesheet" type="text/css" href="css/order.css" />
		<script src="js/vendor/modernizr-2.8.3.min.js"></script>
		<!------------------------------head------------------------------>
		<div class="header-area header-middle">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-2 col-sm-3 col-xs-12">
						<div class="logo">
							<a href="index.html"><img src="img/logo/logo.png" alt="" style="margin-left: 100px;" /></a>
						</div>
					</div>
					<div class="col-md-10 col-sm-9 col-xs-12 text-right xs-center">
						<div class="main-menu display-inline hidden-sm hidden-xs">
							<nav>
								<ul>
									<li>
										<a href="index.html">首页</a>
									</li>
									<li>
										<a href="jiaju.html">装饰摆件</a>
									</li>
									<li>
										<a href="#">布艺软饰</a>
									</li>
									<li>
										<a href="shop.html">创意家居</a>
									</li>
									<li>
										<a href="#">新品上市</a>
									</li>
								</ul>
							</nav>
						</div>
						<div class="search-block-top display-inline">
							<div class="icon-search"></div>
							<div class="toogle-content">
								<form action="#" id="searchbox">
									<input type="text" placeholder="搜索" />
									<button class="button-search"></button>
								</form>
							</div>
						</div>
						<div class="shopping-cart ml-20 display-inline">
							<a href="cart.html"><b>购物车</b></a>
						</div>
						<div class="setting-menu display-inline">
							<div class="icon-nav current"></div>
							<ul class="content-nav toogle-content">
								<li class="currencies-block-top">
									<div class="current"><b>个人中心</b></div>
									<ul>
										<li>
											<a href="login.html">登录</a>
										</li>
										<li>
											<a href="register.html">注册</a>
										</li>
										<li>
											<a href="index_pcenter.html">账户管理</a>
										</li>
										<li>
											<a href="login.html">退出</a>
										</li>
									</ul>
								</li>
							</ul>
						</div>
					</div>
				</div>
			</div>
		</div>

		<div class="mobile-menu-area visible-sm visible-xs">
			<div class="container-fluid">
				<div class="row">
					<div class="col-md-12">
						<div class="mobile-menu">
							<nav id="mobile-menu-active">
								<ul>
									<li>
										<a href="index.html">首页</a>
									</li>
									<li>
										<a href="jiaju.html">装饰摆件</a>
									</li>
									<li>
										<a href="#">布艺软饰</a>
									</li>
									<li>
										<a href="shop.html">创意家居</a>
									</li>
									<li>
										<a href="#">新品上市</a>
									</li>
								</ul>
							</nav>
						</div>
					</div>
				</div>
			</div>
		</div>
		<div class="order cart mt">
			<div class="orderCon wrapper clearfix">
				<div class="orderL fl" style="margin-left: 50px;">
					<!--------h3---------------->
					<h3>收件信息<a href="#" class="fr">新增地址</a></h3>
					<!--------addres---------------->
					<div class="table-responsive">
						<table class="table table-striped table-bordered table-hover" id="address" name="address" style="background-color: #f5f5f5; ">
							<tbody>
								<tr class="odd gradeX">

									<td>
										<!--style="transform: scale(0.5,0.5);" 修改radio的大小为原来的0.5倍-->
										<input type="radio" name="ischeck" checked="checked" />
									</td>
									<td>张三</td>
									<td>河北省唐山市xx县xx小区xx单元xxx</td>
									<td>063000</td>
									<td>138****1234</td>

								</tr>
								<tr class="even gradeC">
									<td><input type="radio" name="ischeck"> </td>
									<td>李四</td>
									<td>河北省唐山市xx县xx小区xx单元xxx</td>
									<td>063000</td>
									<td>138****1234</td>

								</tr>
								<tr class="even gradeC">
									<td><input type="radio" name="ischeck"> </td>
									<td>王五</td>
									<td>河北省唐山市xx县xx小区xx单元xxx</td>
									<td>063000</td>
									<td>138****1234</td>
								</tr>
								<tr class="even gradeC">
									<td><input type="radio" name="ischeck"> </td>
									<td>赵六</td>
									<td>河北省唐山市xx县xx小区xx单元xxx</td>
									<td>063000</td>
									<td>138****1234</td>

								</tr>
							</tbody>
						</table>
					</div>
					<h3 style="margin-top: 20px;">支付方式</h3>
					<!--------way---------------->
					<div class="way clearfix">

						<img class="on" src="img/temp/way01.jpg" id="alipay" 
							onclick="javascript:fun(this.id);" style="cursor:pointer;">
						<img src="img/temp/way02.jpg"id="micropay " 
						onclick="javascript:fun(this.id);" style="cursor:pointer;">
						<img src="img/temp/way03.jpg" id="unionpay" 
						onclick="javascript:fun(this.id);" style="cursor:pointer;">
						<img src="img/temp/way04.jpg" id="COD" 
							onclick="javascript:fun(this.id);" style="cursor:pointer;">
					</div>
				</div>

				<div class="orderR fr" style="margin-bottom: 50px;">
					<div class="msg">
						<h3>订单内容<a href="cart.html" class="fr">返回购物车</a></h3>
						<!--------ul---------------->
						<ul class="clearfix">
							<li class="fl">
								<img src="img/temp/order01.jpg">
							</li>
							<li class="fl">
								<p>创意现代简约干花花瓶摆件</p>
								<p>颜色分类：烟灰色玻璃瓶</p>
								<p>数量：1</p>
							</li>
							<li class="fr">￥69.90</li>
						</ul>
						<ul class="clearfix">
							<li class="fl">
								<img src="img/temp/order02.jpg">
							</li>
							<li class="fl">
								<p>创意现代简约干花花瓶摆件</p>
								<p>颜色分类：烟灰色玻璃瓶</p>
								<p>数量：1</p>
							</li>
							<li class="fr">￥69.90</li>
						</ul>
					</div>
					<!--------tips---------------->
					<div class="tips">
						<p><span class="fl">商品金额：</span><span class="fr">￥139.80</span></p>
						<p><span class="fl">优惠金额：</span><span class="fr">￥0.00</span></p>
						<p><span class="fl">运费：</span><span class="fr">免运费</span></p>
					</div>
					<!--------tips count---------------->
					<div class="count tips">
						<p><span class="fl">合计：</span><span class="fr">￥139.80</span></p>
					</div>
					<!--<input type="button" name="" value="去支付"> -->
					<a class="edit" href="#" style="display: inline-block;width:100%;height: 40px;text-align: center;line-height: 40px;background: #c10000; color: #fff;">确认订单</a>
				</div>
			</div>

		</div>
		<div class="mask"></div>
		<div class="adddz editAddre">
			<form action="#" method="get">
				<a>订单已生成，是否现在付款？</a>
				<div class="bc">
					<a href="ok.html"><input type="button" value="立即支付" /></a>
					<a href="myorderq.html"><input type="button" value="稍后支付" /></a>
				</div>
			</form>
		</div>

		<script type="text/javascript">
			function fun(id) {
				alert(id);
			}
		</script>
		<script src="js/jquery-1.12.4.min.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/public.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/pro.js" type="text/javascript" charset="utf-8"></script>
		<script src="js/user.js" type="text/javascript" charset="utf-8"></script>
		</body>

</html>